<style lang="less">
    @import '../../../styles/common.less';
    @import './modify_item.less';
</style>
<template>
    <div>
       <Card>
           <Row>
               <Form :model="formItem" :label-width="80">
                   <FormItem label="项目名称">
                       <Input v-model="formItem.input" placeholder="红河州屏边县新区人民医院"></Input>
                   </FormItem>
                   <FormItem label="项目大类">
                       <Select v-model="formItem.select">
                           <Option v-for="item in categories" :value="item.value" :key="item.value">{{ item.label }}</Option>
                       </Select>
                   </FormItem>
                   <FormItem label="项目细类">
                       <Input v-model="formItem.input" placeholder="县级公立医院"></Input>
                   </FormItem>
                   <FormItem label="省市区">
                       <al-selector v-model="res1" data-type="code" level="2"/>
                       <Cascader :data="citys" v-model="cityVal"></Cascader>
                   </FormItem>
                   <FormItem label="项目状态">
                       <Select v-model="formItem.select">
                           <Option v-for="item in status" :value="item.value" :key="item.value">{{ item.label }}</Option>
                       </Select>
                   </FormItem>
                   <FormItem label="计划日期">
                           <DatePicker type="daterange" confirm placement="right-end" placeholder="Select date" style="width: 200px"></DatePicker>
                   </FormItem>
                   <FormItem label="主管单位">
                       <Input v-model="formItem.input" placeholder=""></Input>
                   </FormItem>
                   <FormItem label="建筑面积">
                       <Input v-model="formItem.input" placeholder="平方米"></Input>
                   </FormItem>
                   <FormItem label="投资总额">
                       <Input v-model="formItem.input" placeholder="人民币"></Input>
                   </FormItem>
                   <FormItem>
                       <Button type="primary">修改</Button>
                   </FormItem>
               </Form>
           </Row>
       </Card>
    </div>
</template>
<script>
export default {
    data(){
        return {
            formItem:{
                input:'',
                select:[

                ]
            },
            categories:[
                {
                    value: '1',
                    label: '卫生'
                },
                {
                    value: '2',
                    label: '防疫'
                },
                {
                    value: '3',
                    label: '保健'
                },
                {
                    value: '4',
                    label: '药品'
                }
            ],
            status:[
                {
                    value:'1',
                    label:'未开工'
                },
                {
                    value:'2',
                    label:'已开工'
                },
                {
                    value:'3',
                    label:'停工'
                }
            ],
            cityVal:['北京','天津'],
            citys:[
                {
                    value: 'Beijing',
                    label: '北京',
                    children: [
                        {
                            value: 'dongcheng',
                            label: '东城区'
                        },
                        {
                            value: 'xicheng',
                            label: '西城区'
                        },
                        {
                            value: 'chongwen',
                            label: '崇文区'
                        },
                        {
                            value: 'xuanwu',
                            label: '宣武区'
                        },
                        {
                            value: 'chaoyang',
                            label: '朝阳区'
                        },
                        {
                            value: 'haiding',
                            label: '海淀区'
                        },
                        {
                            value: 'fengtai',
                            label: '丰台区'
                        },
                        {
                            value: 'shijingshan',
                            label: '石景山区'
                        },
                        {
                            value: 'fangshan',
                            label: '房山区'
                        },
                        {
                            value: 'tongzhou',
                            label: '通州区'
                        },
                        {
                            value: 'shunyi',
                            label: '顺义区'
                        },
                        {
                            value: 'changping',
                            label: '昌平区'
                        }
                    ]
                },
                {
                    value: 'tianjing',
                    label: '天津',
                    children: [
                        {
                            value: 'heping',
                            label: '和平区'
                        },
                        {
                            value: 'hegong',
                            label: '河东区'
                        },
                        {
                            value: 'hexi',
                            label: '河西区'
                        },
                        {
                            value: 'nankai',
                            label: '南开区'
                        }]

                }
            ],
            res1:[],
        };
    }
};
</script>